/**
 * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
 *
 * (en) Uniform design of standard content elements
 * (de) Einheitliche Standardformatierungen für die wichtigten Inhalts-Elemente
 *
 * @copyright       Copyright 2005-2010, Dirk Jesse
 * @license         CC-A 2.0 (http://creativecommons.org/licenses/by/2.0/),
 *                  YAML-C (http://www.yaml.de/en/license/license-conditions.html)
 * @link            http://www.yaml.de
 * @package         yaml
 * @version         3.3
 * @revision        $Revision:392 $
 * @lastmodified    $Date:2009-07-05 12:18:40 +0200 (So, 05. Jul 2009) $
 * @appdef yaml
 */

@media all {
    /**
    * Fonts
    *
    * (en) global settings of font-families and font-sizes
    * (de) Globale Einstellungen für Zeichensatz und Schriftgrößen
    *
    * @section content-global-settings
    */

    /* (en) reset font size for all elements to standard (16 Pixel) */
    /* (de) Alle Schriftgrößen auf Standardgröße (16 Pixel) zurücksetzen */
    html * {
        font-size: 100.01%;
    }

    /**
    * (en) reset monospaced elements to font size 16px in all browsers
    * (de) Schriftgröße von monospaced Elemente in allen Browsern auf 16 Pixel setzen
    *
    * @see: http://webkit.org/blog/67/strange-medium/
    */

    textarea, pre, code, kbd, samp, var, tt {
        font-family: Consolas, "Lucida Console", "Andale Mono", "Bitstream Vera Sans Mono", "Courier New", Courier;
    }

    /* (en) base layout gets standard font size 12px */
    /* (de) Basis-Layout erhält Standardschriftgröße von 12 Pixeln */
    body {
        font-family: "Helvetica Neue", "Lucida Grande", "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
        font-size: 75.00%;
        color: #444;
    }

    input, select, textarea, button, keygen, isindex, legend {
        font-family: "Helvetica Neue", "Lucida Grande", "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
    }

    .yform .type-text input {
        -webkit-transition: background 80ms ease-in, border 80ms ease-in;
        -moz-transition: background 80ms ease-in, border 80ms ease-in;
        background-color: white;
    }

    input:hover, input:focus {
    }

    .yform div.type-text input:focus,
    .yform div textarea:focus,
    .yform div.type-text input:hover,
    .yform div textarea:hover,
    .yform div.type-text input:active,
    .yform div textarea:active {
        border: 1px black solid;
        background-color: #ffffe0;
    }

    .yform .type-select select,
    .yform .type-select select:focus,
    .yform .type-select select:hover,
    .yform .type-select select:active {
        border: none;
    }

    .yform sup {
        color: #2767ad;
    }

    /*--- Headings | Überschriften ------------------------------------------------------------------------*/

    h2, h3, h4, h5, h6 {
        font-weight: normal;
    }

    h1, h2, h3, h4, h5, h6 {
        color: #222;
        margin: 0 0 0 0;
        line-height: 1.4em;
    }

    #footer h1, #footer h2, #footer h3, #footer h4, #footer h5, #footer h6 {
        color: white;
    }

    h1 {
        font-size: 400%;
    }

    h1.center {
        margin: 0.5em auto 0.1em auto;
    }

    /* 30px */
    h2 {
        font-size: 200%;
    }

    /* 24px */
    h3 {
        font-size: 150%;
    }

    /* 18px */
    h4 {
        font-size: 133.33%;
    }

    /* 16px */
    h5 {
        font-size: 116.67%;
    }

    /* 14px */
    h6 {
        font-size: 116.67%;
    }

    /* 14px */

    /* --- Lists | Listen  -------------------------------------------------------------------------------- */

    ul, ol, dl {
        line-height: 1.5em;
        margin: 0 0 1em 1em;
    }

    ul {
        list-style-type: disc;
    }

    ul.features {
        list-style-type: none;

    }

    ul.features {
        margin-left: 0;
    }

    ul ul {
        list-style-type: circle;
        margin-bottom: 0;
    }

    ol {
        list-style-type: decimal;
    }

    ol ol {
        list-style-type: lower-latin;
        margin-bottom: 0;
    }

    li {
        margin-left: 0.8em;
        line-height: 1.5em;
    }

    dt {
        font-weight: bold;
    }

    dd {
        margin: 0 0 1em 0.8em;
    }

    /* --- general text formatting | Allgemeine Textauszeichnung ------------------------------------------ */

    p {
        line-height: 1.6em;
        margin: 0 0 1em 0;
    }

    blockquote, cite, q {
        font-family: Palatino, Georgia, "Times New Roman", Times, serif;
        font-style: italic;
    }

    blockquote {
        margin: 0 0 1em 1.6em;
        color: #666;
    }

    strong, b, .strong {
        font-weight: bold;
    }

    em {
        font-weight: bold;
    }

    em, i {
        font-style: italic;
    }

    big {
        font-size: 116.667%;
    }

    small {
        font-size: 81.667%;
    }

    pre {
        line-height: 1.5em;
        margin: 0 0 1em 0;
    }

    pre, code, kbd, tt, samp, var {
        font-size: 100%;
    }

    pre, code {
        color: #800;
    }

    kbd, samp, var, tt {
        color: #666;
        font-weight: normal;
    }

    var, dfn {
        font-style: italic;
    }

    acronym, abbr {
        border-bottom: 1px #aaa dotted;
        font-variant: small-caps;
        letter-spacing: .07em;
        cursor: help;
    }

    sub {
        vertical-align: sub;
        font-size: smaller;
    }

    sup {
        vertical-align: super;
        font-size: smaller;
    }

    hr {
        color: #fff;
        background: transparent;
        margin: 0 0 0.5em 0;
        padding: 0 0 0.5em 0;
        border: 0;
        border-bottom: 1px #eee solid;
    }

    /*--- Links ----------------------------------------------------------------------------------------- */

    a {
        color: #2767ad;
        background: transparent;
        text-decoration: none;
    }

    a img {
        padding-right: 5px;
    }

    a:visited {
    }

    /* (en) maximum constrast for tab focus - change with great care */
    /* (en) Maximaler Kontrast für Tab Focus - Ändern Sie diese Regel mit Bedacht */
    a:focus {
        color: #2767ad;
        outline: 1px #888 dotted;
    }

    a:hover,
    a:active {
        text-decoration: underline;
        outline: 0 none;
        color: #2767ad;
    }

    .hlist ul li a:hover {
        color: #2767ad;
    }

    td .button p {
        padding: 2px 10px;
    }

    /* --- images (with optional captions) | Bilder (mit optionaler Bildunterschrift) ------------------ */

    p.icaption_left {
        float: left;
        display: inline;
        margin: 0 1em 0.15em 0;
    }

    p.icaption_right {
        float: right;
        display: inline;
        margin: 0 0 0.15em 1em;
    }

    p.icaption_left img,
    p.icaption_right img {
        padding: 0;
        border: 1px #888 solid;
    }

    p.icaption_left strong,
    p.icaption_right strong {
        display: block;
        overflow: hidden;
        margin-top: 2px;
        padding: 0.3em 0.5em;
        background: #eee;
        font-weight: normal;
        font-size: 91.667%;
    }

    /**
    * ------------------------------------------------------------------------------------------------- #
    *
    * Generic Content Classes
    *
    * (en) standard classes for positioning and highlighting
    * (de) Standardklassen zur Positionierung und Hervorhebung
    *
    * @section content-generic-classes
    */

    .note, .warning, .error {
        display: block;
    }

    .note, .warning, .error, .yform {
        border-radius: 2px;
        -moz-border-radius: 2px;
        -webkit-border-radius: 2px;
    }

    .info, .highlight {
        background: #ffffe0;
        color: #333;
    }

    .validation {
        color: #400;
    }

    .dimmed {
        color: #888;
    }

    .message {
        cursor: pointer;
    }

    .note {
        background: #f8f8f8;
        color: #444;
        border: 1px solid #ccc;
        padding: 8px 10px;
        margin-bottom: 5px;
        font-weight: bold;
    }

    .warning, .error {
        /*Changed by JS animation */
        background: #844;
        color: #400;
        border: 1px #844 solid;
        padding: 10px;
        margin-bottom: 1em;
        font-weight: bold;
    }

    .warning a, .error a {
        font-weight: bold;
    }

    .float_left {
        float: left;
        display: inline;
        margin-right: 1em;
        margin-bottom: 0.15em;
    }

    .float_right {
        float: right;
        display: inline;
        margin-left: 1em;
        margin-bottom: 0.15em;
    }

    .center {
        display: block;
        text-align: center;
        margin: 0.5em auto;
    }

    .panel {
        border: 1px solid #B9B8B6;
        margin-bottom: 20px;
    }

    .panel table td {
        vertical-align: top;
    }

    ul.messages {
        list-style-type: none;
        margin-left: 0;
    }

    ul.messages li {
        margin-left: 0;
    }

    /* Overrides */
    .ui-widget {
        font-family: inherit;
    }

    .collapsible {
        background-color: transparent;
    }

    .collapsible .body {
        padding-top: 0;
    }

    .tooltip {
        text-align: left;
    }

    /**
    * ------------------------------------------------------------------------------------------------- #
    *
    * Tables | Tabellen
    *
    * (en) Generic classes for table-width and design definition
    * (de) Generische Klassen für die Tabellenbreite und Gestaltungsvorschriften für Tabellen
    *
    * @section content-tables
    */

    table {
        /*border-collapse: collapse;*
        margin-bottom: 10px;
    }

    table caption {
        font-variant: small-caps;
    }

    table.full {
        width: 100%;
    }

    table.fixed {
        table-layout: fixed;
    }

    th, td {
    }

    th.icon, td.icon {
        width: 40px;
        text-align: center;
        padding: 5px;
    }

    th.text, td.text {
        width: 300px;
        padding: 5px;
    }

    th.action, td.action {
        width: 100px;
        text-align: center;
        padding: 5px;
    }

    thead th {
        font-weight: normal;
        color: #666666;
        border-bottom: 2px #888 solid;
    }

    tbody th {
        background: #e0e0e0;
        color: #333;
    }

    tbody th[scope="row"], tbody th.sub {
        background: #f0f0f0;
    }

    tbody th {
        border-bottom: 1px solid #fff;
        text-align: left;
    }

    /*tbody td {
        padding: 0;
        vertical-align: top;
    }*/

    tbody td .button {
        padding-left: 0;
        padding-right: 0;
        width: 100%;
    }

    tbody td ul {
        margin: 0;
    }

    tbody td ul li {
        margin: 0;
    }

    tbody td ul li {
        list-style-type: none;
    }

    tbody tr:hover th[scope="row"],
    tbody tr:hover tbody th.sub {
        background: #f0e8e8;
    }

    tbody tr:hover td {
        /*background: #fff8f8;*/
    }

    tr.odd {
        background-color: #eee;
    }

    tr.even {
        background-color: transparent;
    }

    tr.header {
        font-weight: bold;
    }

    .hidden {
        display: none;
    }
}
